<%-- 
    Document   : irAestadoInscripcion
    Created on : 01-ago-2012, 16:43:43
    Author     : Administrador
--%>
<%@page import="com.javabeans.Usuario"%>
<%@page import="com.javabeans.Grupo"%>
<%@page import="com.javabeans.Materia"%>
<%@page import="com.javabeans.Inscrito"%>
<%@page import="java.util.List"%>
<%@include file="../sessionEst.jsp" %>
<%
    List<Inscrito> estadoInscripPorGest = (List<Inscrito>) request.getAttribute("estadoInscripPorGest");
    List<Grupo> grupos = (List<Grupo>) request.getAttribute("grupos");
%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SiSS </title>
        <meta name="description" content="Derechos Reservados SI-ESFM." />
        <link rel="stylesheet" href="css/styles.css" type="text/css" />
        <link rel="stylesheet" href="css/menu/style.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/themes/start/jquery-ui-1.8.20.custom.css" type="text/css" />
        <link rel="shortcut icon" href="images/ico.png" type="image/png"/>
        <script type="text/javascript" src="js/comun.js"></script>
        
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/validate/jquery.validate.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.core.min.js"></script>  <!--si o si cargar esto-->
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.widget.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.position.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.mouse.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.button.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.draggable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.resizable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.dialog.min.js"></script>
        
        <script type="text/javascript">
            var grupos = new Array();
             <%  int i=0;
                for(Grupo g: grupos){
                    Usuario doc = g.getDocente();//idGrupo, nombre, idMateria
                    out.println(" grupos["+ i +"] =new Array("+g.getIdGrupo()+",'"+doc.getNombre()+"',"+g.getAux()+") ");
                    i++;
                } %>
            
            $(document).ready(function(){
                $("#dialogo").dialog({
                    autoOpen: false,
                    title: "Formulario de Inscripci&oacute;n",
                    height: 300,
                    width: 550,
                    modal: true,
                    buttons: {
                        "Aceptar": function() {
                            var flag = $("#formInscripcion").valid();
                            if(flag){
                                $("#formInscripcion").submit();
                                $( this ).dialog( "close" );
                            }
                            
                        },
                        Cancelar: function() {
                            $( this ).dialog( "close" );
                        }
                    },
                    close: function() {
                        // implementar lo que convenga
                    }
		});
            });
            
            function retirar(idInscrito, nombreMateria){
                if(confirm("Â¿Esta seguro de eliminar la materia ''"+nombreMateria+"''?")){
                    $.ajax({
                        url: "Inscripciones",
                        type: "GET",
                        data:{ accion:7 , idInscrito:idInscrito, nombreMateria:nombreMateria },
                        beforeSend:function(obj){
                            $('#materiasInscritas').css({display:'none'});
                            $('#imgLoad').css({display:'block'});
                        },
                        success:function(res){
                            $('#materiasInscritas').html(res);
                        },
                        complete:function(){
                            $('#imgLoad').css({display:'none'});
                            $("#materiasInscritas").css({display:'block'});
                        },
                        error: function(res){ alert("Error! al eliminar la materia."); }
                    });
                 }
            }
            function cambiar(idMateria, nombreMateria, i, idGrupo, idInscrito){                
                $("#titleForm").text("Adjuntando Nueva Materia");
                cargarGrupos(idMateria);
                $("#grupos option").each(function(){
                    if($(this).attr('value') == idGrupo){
                        $(this).attr('selected','true');
                    }
                });
                $("#idInscrito").val(idInscrito);
                $("#nombreMateria").text(nombreMateria);
                $("#dialog:ui-dialog").dialog( "destroy" );
                $("#dialogo").dialog( "open" );
            }
            function cargarGrupos(idMateria){
                var lista = document.getElementById("grupos");
                var j=2;// si o si
                var o=1;
                lista.selectedIndex=0;// le pone cero cuando selecciona PARECE ENVANO ??
                for(i = 0; i<grupos.length; i++){
                    if(idMateria == grupos[i][2]){
                        lista.length = j;
                        lista.options[o].value = grupos[i][0];
                        lista.options[o].text = grupos[i][1];
                        o++;
                        j++;
                    }
                }
                if(j == 2)
                    lista.length = 1;
            }
        </script>
    </head>
    <body onload="showTime(<%=s_param%>)">
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="../headEst.jsp" %>
            <!-- cuerpo -->
            <div id="bodySpace">
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle" style="position: absolute">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                            <li><a href="Principal?accion=1&v1=<%=s_idEstudiante%>&v2=<%=s_psw%>">Home</a></li>
                            <li><span style="color:#666"></span></li>
                            <li class="current-page"><span class="end"><span class="middle">Inscripciones</span></span></li>
                        </ul>                       
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                <div id="principal">
                    <!-- izquierda -->
                    <div class="cuerpo2y" style="border: 0px solid">
                        <div class="izq" style="border: 0px solid">
                           <div id="menuprin">
                                <div class="menuIzqMarco">
                                    <div class="menu_css">
                                        <h3 class="title">Seleccione</h3>
                                        <div class="menu_selected menu_selectedDepen">
                                            <ul class="menuLogoNone">
                                                <li class="pintar"><span><a href="Inscripciones?accion=3" title="Pulse aqu&iacute; para terminar la inscripci&oacute;n">Terminar Inscripci&oacute;n</a></span><span class="end"></span></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                           </div> 
                        </div>
                        <div class="medio" style="border: 0px solid"><br/>
                            <div style="clear:left;text-align:center;color:#004080;margin:3px 0px 3px 0px;font-size: 15px;font-weight: bold">ESTADO DE INSCRIPCI&Oacute;N.</div>
                            <div style="clear:left;text-align:center;color:#004080;margin:3px 0px 3px 0px;font-size: 15px;font-weight: bold">Gesti&oacute;n :</div>
                            <center>
                                <table class="miReporte" style="width: 100%">
                                    <tr>
                                        <td style="text-align: right;width: 85%"><input type="button" class="boton" value="Terminar Inscripci&oacute;n" onclick="javascript:location.href='Inscripciones?accion=3'" title="Pulse aqu&iacute; para terminar la inscripci&oacute;n"/></td>
                                        <td style="text-align: right;width: 10%"><input type="button" class="boton" value="A&ntilde;adir Materia" onclick="javascript:location.href='Inscripciones?accion=5'" title="Pulse aqu&iacute; para terminar la inscripci&oacute;n"/></td>
                                    </tr>
                                </table>
                                <div id="imgLoad" style="float: left;width: 100%;display: none;"><img src="<%=s_path%>/images/imgLoad/ajax-loader.gif" width="32" height="32" alt="ajax-loader.gif" style="position:absolute; top:35%; left:50%;"/></div> 
                                <div id="materiasInscritas">
                                    <table border="0" class="tabla_decorado" style="width: 100%">
                                        <thead>
                                            <tr style="background-color: #ccc">
                                                <th style="width: 5%" class="th_decoradoRowspan">Nro</th>
                                                <th style="width: 7%;text-align: center;" class="th_decoradoRowspan">Grupo</th>
                                                <th style="width: 60%" class="th_decoradoRowspan">Nombre Materia</th>
                                                <th style="width: 8%;" class="th_decoradoRowspan">Sigla</th>
                                                <!--<th style="width: 34%;" class="th_decoradoRowspan">Docente</th>-->
                                                <th style="width: 20;" class="th_decoradoRowspan" colspan="2">Acci&oacute;n</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <%
                                                i = 1;
                                                for(Inscrito in : estadoInscripPorGest){
                                                    Grupo g = in.getGrupo();
                                                    Materia mat = in.getMateria();
                                                    %>
                                                    <tr class='tr_decorado'>
                                                        <td class='td_decorado'><%=i%></td>
                                                        <td class='td_decorado'><%=g.getNroGrupo()%></td>
                                                        <td style="text-align: center" class='td_decorado' ><span id="i"><%=mat.getNombre()%></span></td>
                                                        <td style="text-align: center" class='td_decorado'><%=mat.getSigla()%></td>
                                                        <td class='td_decoradoDerecha'><input type="button" value="Cambiar" onclick="cambiar(<%=mat.getIdMateria()%>,'<%=mat.getNombre()%>',<%=i%>,<%=in.getIdGrupo()%>,<%=in.getIdInscrito()%>)" class="botonRep" title="Pulsa aqu&iacute; para cambiar la materia <%=mat.getNombre()%>"/></td>
                                                        <td class='td_decoradoDerecha'><input type="button" value="Retirar" onclick="retirar(<%=in.getIdInscrito()%>,'<%=mat.getNombre()%>')" class="botonRep" title="Pulsa aqu&iacute; para retirar la materia <%=mat.getNombre()%>"/></td>
                                                    </tr>
                                                    <%
                                                    i++;
                                                }
                                                if(i == 1){
                                                    out.write("<tr class='tr_decorado'>");
                                                    out.write("     <td class='td_decorado' colspan='4' style='text-align:center'><span style='color:red'>No existen Estado de Inscripcion Por Gestion habilitadas para la gesti&oacute;n!</span></td>");
                                                    out.write("</tr>");
                                                }
                                            %>
                                        </tbody>
                                    </table>
                                </div>
                            </center>
                            <div id="dialogo"><br/>
                                <h2 class="decorado" id="titleForm"></h2><br/>
                                <form id="formInscripcion" action="Inscripciones">
                                    <input type="hidden" name="accion" id="accion" value="8"/>
                                    <input type="hidden" name="idPensum" id="idPensum" value="0"/>
                                    <input type="hidden" name="idMateria" id="idMateria" value="0"/>
                                    <input type="hidden" name="idInscrito" id="idInscrito" value="0"/>
                                    <div style="clear:both;">
                                        <label class="form_align20">Materia :</label>
                                        <label style="float: left;margin-left: 0.2em;" id="nombreMateria"></label>
                                    </div>
                                    <div style="clear:both;">
                                        <label class="form_align20">Grupo :</label>
                                        <select name="grupos" id="grupos" class="required">
                                            <option value="">Seleccione</option>
                                        </select>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div class="yDer" style="border: 1px solid #ccc;">
                        <%@include file="../../publicidad.jsp" %>                       
                    </div><!--end of rightPan-->
                </div>
            </div>
            <!-- footer -->
            <%@include file="../../../footer.jsp" %>
        </div>
    </body>
</html>
